.search{
    margin-top:250px;
    margin-left: auto;
    margin-right: auto;
    width:600px;
}

.addbutton{
    margin:20px;
}

.submit{
    margin:20px;
}

.input_table{
    margin:20px;
}

.top_200{
    margin-top:250px;
    margin-left: auto;
    margin-right: auto;
    width:600px;
}


table {
    margin-top:70px;
    margin-left:auto; 
    margin-right:auto;
    background-color:#64df64;
    margin-top:10px;
  }

.events_col-1 {
    float: left;
    width: 23%;
    background:#64df64;
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px;
    height:70px;
    margin-right:2%;
}
.events_col-2 {
  float:left;
    width: 24%;
     background:#8eeb00;
     height:70px;
     margin-right:2%;

}

.events_col-3 {
  float:left;
    width: 47%;
     background:#7cb02c;
     border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    height:68px;
    overflow:auto;
    padding-right:1%;
    padding-left: 1%;
    padding-top:1px;
    padding-bottom: 1px;

}


.an_event {
    margin-top:25px;
    float:left;
    width:100%;
}

.events{
    top:300px;
    position:absolute;
    width:80%;
    margin-right:10%;
    margin-left:10%;
    height:300px;
    overflow:auto;
    border: 2px solid black;
}

.floatleft{
    float:left;
    margin:20px;
}

.events_head{
    top:200px;
    position:absolute;
    width:80%;
    margin-right:10%;
    margin-left:10%;
}

.an_event_head{
    margin-top:25px;
    float:left;
    width:100%;
}

.events_col-1_head{
    float: left;
    width: 23%;
    background:#64df64;
    height:50px;
    margin-right:2%;
    border:1px solid black;
}

.events_col-2_head{
    float:left;
    width: 23%;
     background:#8eeb00;
     height:50px;
     margin-right:2%;
     border:1px solid black;
}

.events_col-3_head{
     float:left;
    width: 49%;
     background:#7cb02c;
    height:50px;
    border:1px solid black;
}

.volunteers_head{
    min-width:400px;
    position:absolute;
    top:100px;
    width:80%;
    margin-right:10%;
    margin-left:10%;
    height:70px;
}

.a_volunteer_head{
    margin-top:25px;
    float:left;
    width:100%;
}

.volunteers_col-1_head{
   float: left;
    background:#64df64;
    height:50px;
    border:1px solid black;
    margin-right:1%;
    width:24%;
}

.volunteers_col-2_head{
   float:left;
     background:#8eeb00;
     height:50px;
     border:1px solid black;
     margin-right:1%;
     width:24%;
}

.volunteers_col-3_head{
    float:left;
     background:#7cb02c;
    height:50px;
    border:1px solid black;
    margin-right:1%;
    width:24%;
}

.volunteers_col-4_head{
    float:left;
     background:#64df85;
    height:50px;
    border:1px solid black;
    margin-right:1%;
    width:23%;
}

.a_volunteer{
    margin-top:25px;
    float:left;
    width:100%;
}


.volunteers_col-1 {
    float: left;
    width: 23%;
    background:#64df64;
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px;
    height:50px;
    margin-right:2%;
}
.volunteers_col-2 {
    float:left;
    width: 24%;
    background:#8eeb00;
    height:50px;
    margin-right:1%;

}

.volunteers_col-3 {
    margin-left:1%;
    float:left;
    width: 24%;
    background:#7cb02c;
    height:50px;
}

.volunteers_col-4 {
    margin-left:2%;
    float:left;
    width: 23%;
    background:#64df85;
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    height:50px;
}



#volunteernametable{
    min-width:400px;
    position:absolute;
    top:300px;
    width:80%;
    margin-right:10%;
    margin-left:10%;
    height:300px;
    overflow:auto;
    border: 2px solid black;
}


#event_input_table{
    margin-top:300px;
}